
<ul class="layui-timeline" id="kt-user-growup">

</ul>

<script>
    layui.use([
        'jquery',
        'flow'
    ], function () {
        var $ = layui.jquery;
        var flow = layui.flow;

        // 流加载
        flow.load({
            elem: '#kt-user-growup' //流加载容器。
            ,isAuto: false
            ,isLazyimg: true
            ,done: function(page, next){ //加载下一页
                //模拟插入
                setTimeout(function(){
                    var lis = [];
                    for(var i = 0; i < 1; i++){

                        var str = '<li class="layui-timeline-item">\n' +
                            '        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>\n' +
                            '        <div class="layui-timeline-content layui-text">\n' +
                            '            <h3 class="layui-timeline-title">8月18日</h3>\n' +
                            '            <p>\n' +
                            '                layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。\n' +
                            '                <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。\n' +
                            '                <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔<i class="layui-icon"></i>\n' +
                            '            </p>\n' +
                            '        </div>\n' +
                            '    </li>\n' +
                            '\n' +
                            '    <li class="layui-timeline-item">\n' +
                            '        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>\n' +
                            '        <div class="layui-timeline-content layui-text">\n' +
                            '            <h3 class="layui-timeline-title">8月16日</h3>\n' +
                            '            <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>\n' +
                            '            <ul>\n' +
                            '                <li>《登高》</li>\n' +
                            '                <li>《茅屋为秋风所破歌》</li>\n' +
                            '            </ul>\n' +
                            '        </div>\n' +
                            '    </li>\n' +
                            '\n' +
                            '    <li class="layui-timeline-item">\n' +
                            '        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>\n' +
                            '        <div class="layui-timeline-content layui-text">\n' +
                            '            <h3 class="layui-timeline-title">8月15日</h3>\n' +
                            '            <p>\n' +
                            '                中国人民抗日战争胜利72周年\n' +
                            '                <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代\n' +
                            '                <br>铭记、感恩\n' +
                            '                <br>所有为中华民族浴血奋战的英雄将士\n' +
                            '                <br>永垂不朽\n' +
                            '            </p>\n' +
                            '        </div>\n' +
                            '    </li>';

                        lis.push(str)
                    }
                    next(lis.join(''), page < 3); //假设总页数为 6
                }, 500);
            }
        });
    });
</script>